<template>
    <div id="radio">
        <h1>
            <i class="iconfont">&#xe66b;</i>
            排行榜
            <a href="javascript:void(0);" class="fr">更多 <i class="iconfont">&#xe627;</i></a>
        </h1>
        <rank-del :allRankData="rankData[0]"></rank-del>
        <rank-del :allRankData="rankData[1]"></rank-del>
        <rank-del :allRankData="rankData[2]"></rank-del>
        <rank-del :allRankData="rankData[3]"></rank-del>
        <rank-del :allRankData="rankData[4]"></rank-del>
        <rank-del :allRankData="rankData[5]"></rank-del>
        <!--<img :src="rankData[1].pic_s444" alt="">-->
    </div>
</template>

<script>
    import rankDel from "./rankDel"
    export default {
        name: "rank",
        data() {
            return {
                // 排行图片

                // 排行信息
                rankData: [],
            }
        },
        methods: {
            getRankData() {
                this.axios.get("https://api.apiopen.top/musicRankings")
                    .then(res => {
                        console.log(res.data.result)
                        this.rankData = res.data.result
                    })
            }
        },
        created() {
            this.getRankData()
        },
        components:{
            rankDel
        }
    }
</script>

<style scoped lang="less">
    @import "../../assets/css/radio.less";


</style>
